<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
</body>
<!-- 浏览器原生支持ES模块：意味着现代浏览器可以直接解析和执行javascript的‘export/import’语法，无需借助打包工具。 -->
 <!-- 使用如下，在index7.3-module.js中使用export导出模块，script设置type=module 通过import导入模块 -->
  <!-- ！！！其中使用本地文件系统（file://协议）打开html文件会导致浏览器触发CORS安全策略 -->
   <!-- 浏览器默认禁止从file://协议加载的页面发起跨域请求。解决方案：右键点击 HTML 文件 → 选择 Open with Live Server -->
<script type="module">
    import { renderer } from './index7.3-module.js'
    const vnode = {
        type: "h1",
        children: "hello",
    };
    renderer.render(vnode, document.getElementById('app'));
</script>
</html>